<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""DTD/xhtml1-strict.dtd">
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="/WEB-INF/c.tld" prefix="c"%>
<%@taglib uri="/WEB-INF/fmt.tld" prefix="fmt"%>
<%@taglib uri="/WEB-INF/el.tld" prefix="el"%>
<%@taglib uri="/WEB-INF/fn.tld" prefix="fn"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title></title>
		<c:import url="/includes/css_inc.jsp"/>
		<c:import url="/includes/js_inc.jsp"/>
		<script>
		$(function(){
			$("#btnRollBack").button({
	            icons: {
	                primary: "ui-icon-disk"
	            }
			}).click(function(){
				if(confirm('ยืนยันการยกเลิกดำเนินการ?')==true){
					disableField(["btnBack","btnRollBack"]);
					$("#btnSave").addClass("ui-button-disabled ui-state-disabled");
					$("#btnBack").addClass("ui-button-disabled ui-state-disabled");
					$("#btnRollBack").addClass("ui-button-disabled ui-state-disabled");
					$("#saveForm").submit();
				} 
			});
			$("#btnBack").button({
	            icons: {
	                primary: "ui-icon-arrowreturnthick-1-w"
	            }
			}).click(function(){
				$("#job").val("back");
				$("#saveForm").submit();
			});
		});
		</script>
	</head>
	<body>
		<c:set var="auth" value="${el:getMapValue(menuAuth, 'ACC60307')}"/>
		<c:import url="/apps/msg.jsp"/>
		<form class="acc67-form" name="saveForm" id="saveForm" action="${pageContext.request.contextPath}/acc6" method="post">
		<input type="hidden" name="app" id="app" value="ACC60307"/>
		<input type="hidden" name="docNo" id="docNo" value="${docNo}"/>
		<input type="hidden" name="job" id="job" value="${job}"/>
		<table width="100%" class="ui-widget ui-widget-content" border="0">
			<tr>
				<th align="left" class="acc67-header ui-widget-header" colspan="2"><b>${screenCode.ACC60307}</b></th>
			</tr>
			<tr>
				<td class="bold" width="15%">เลขที่เอกสาร : </td>
				<td>${docNo}</td>
			</tr>
			<tr>
				<td class="bold">จังหวัด : </td>
				<td>${provinceName}</td>
			</tr>
			<c:if test="${expenseType == 'T' || expenseType == 'C'}">
				<input type="hidden" name="budgetYear" id="budgetYear" value="${expenseBean.budgetYear}"/>
				<input type="hidden" name="provinceId" id="provinceId" value="${expenseBean.provinceId}"/>
				<input type="hidden" name="expenseType" id="expenseType" value="${expenseType}"/>
				<tr>
					<td class="bold">ปีงบประมาณ : </td>
					<td>${expenseBean.budgetYear}</td>
				</tr>
				<tr>
					<td class="bold">วันที่ทำรายการ : </td>
					<td>${el:dateTh(expenseBean.createdDate)}</td>
				</tr>
				<tr>
					<td class="bold">วันที่จ่าย : </td>
					<td>${el:dateTh(expenseBean.expenseDate)}</td>
					<input type="hidden" name="expenseDate" id="expenseDate" value="${el:dateTh(expenseBean.expenseDate)}"/>
				</tr>
				<tr>
					<td class="bold">ชื่อการจ่าย : </td>
					<td>${expenseBean.expenseSubject}</td>
				</tr>
				<tr>
					<td class="bold" valign="top">คำอธิบายการจ่าย : </td>
					<td>${expenseBean.expenseDesc}</td>
				</tr>
				<tr>
					<td colspan="2">
						<fieldset id="payDetail">
							<legend>รายละเอียดการจ่าย</legend>
							<table width="100%" class="acc67-grid ui-widget ui-widget-content" id="payTableDetail">
								<tr>
									<th align="center" class="ui-state-default">เอกสารอ้างอิง</th>
									<th align="center" class="ui-state-default">กองทุนย่อยเฉพาะด้าน</th>
									<th align="center" class="ui-state-default">หน่วยบริการ/คู่สัญญา</th>
									<th align="center" class="ui-state-default">จำนวนเงิน</th>
									<th align="center" class="ui-state-default">ชื่อผู้รับผิดชอบ</th> 
									<th align="center" class="ui-state-default">ชื่อโครงการ/คำอธิบาย</th>
									<th align="center" class="ui-state-default">เงินยืม</th>
								</tr>
								<c:if test="${!empty listExpense}">
									<c:forEach items="${listExpense}" var="data" varStatus="x">
										<tr>
											<td align="center">${data.refNo}</td>
											<td><span title="${data.allocateName}">${data.allocateCode} : ${data.allocateSub}</span></td>
											<td><span title="${data.venderName}">${data.venderSub}</span></td>
											<c:if test="${expenseType == 'T'}">
												<td align="right"><fmt:formatNumber pattern="#,##0.00" value="${data.transferAmount}" /></td>
											</c:if>
											<c:if test="${expenseType == 'C'}">
												<td align="right"><fmt:formatNumber pattern="#,##0.00" value="${data.chequeAmount}" /></td>
											</c:if>
											<td>${data.responsibleName}</td>
											<c:if test="${expenseType == 'T'}">
												<td>${data.transferDesc}</td>
											</c:if>
											<c:if test="${expenseType == 'C'}">
												<td>${data.chequeDesc}</td>
											</c:if>
											<td align="center">
												<input type="checkbox" ${data.isBorrow=='Y'?'checked':''} disabled="disabled"/>
											</td>
											<input type="hidden" name="transactionTimestamp" value="${data.transactionTimestamp}"/>
										</tr>
									</c:forEach>
								</c:if>
							</table>
						</fieldset>
					</td>
				</tr>
			</c:if>
			<c:if test="${expenseType == 'CL'}">
				<input type="hidden" name="provinceId" id="provinceId" value="${cb.provinceId}"/>
				<input type="hidden" name="expenseType" id="expenseType" value="${expenseType}"/>
				<tr>
					<td class="bold">วันที่ทำรายการ : </td>
					<td>${el:dateTh(cb.createdDate)}</td>
				</tr>
				<tr>
					<td class="bold">วันที่จ่าย : </td>
					<td>${el:dateTh(cb.chequeDate)}</td>
					<input type="hidden" name="chequeDate" id="chequeDate" value="${el:dateTh(cb.chequeDate)}"/>
				</tr>
				<tr>
					<td class="bold" valign="top">คำอธิบายการจ่าย : </td>
					<td>${cb.chequeDesc}</td>
				</tr>
				<tr>
					<td colspan="2">
						<fieldset id="payDetail">
							<legend>รายละเอียดการจ่าย</legend>
							<table width="100%" class="acc67-grid ui-widget ui-widget-content" id="payTableDetail">
									<tr>
										<th align="center" class="ui-state-default" width="7%">เลขที่เอกสารอ้างอิง</th>
										<th align="center" class="ui-state-default" width="5%">ปีงบประมาณ</th>
										<th align="center" class="ui-state-default" width="9%">กองทุนย่อยเฉพาะด้าน</th>
										<th align="center" class="ui-state-default" width="9%">หน่วยบริการ/คู่สัญญา</th>
										<th align="center" class="ui-state-default" width="9%">หมวดการจ่าย</th>
										<th align="center" class="ui-state-default" width="7%">จำนวนเงิน</th>
										<th align="center" class="ui-state-default" width="5%">ภาษี</th>
										<th align="center" class="ui-state-default" width="5%">เงินยืม</th>
									</tr>
									<c:if test="${!empty listExpense}">
										<c:forEach items="${listExpense}" var="data" varStatus="x">
												<c:if test="${acb.chequeStatus == 'Y'}">
												<tr style="background-color: #8eee81;">
												</c:if>
												<c:if test="${acb.chequeStatus != 'Y'}">
													<tr>
												</c:if>
													<td align="center">${data.refNo}</td>
													<td align="center">${data.budgetYear}</td>
													<td align="left"><span title="${data.allocateName}">${data.allocateCode} : ${data.allocateSub}</span></td>
													<td align="left"><span title="${data.venderName}">${data.venderSub}</span></td>
													<td align="left">
														<c:if test="${fn:length(el:getDataUtil('CAT',data.categoryId)) > 10}">
															<span title="${el:getDataUtil('CAT',data.categoryId)}">${fn:substring(el:getDataUtil('CAT',data.categoryId),0,10)}...</span>
														</c:if>
														<c:if test="${fn:length(el:getDataUtil('CAT',data.categoryId)) <= 10}">
															<span title="${el:getDataUtil('CAT',data.categoryId)}">${el:getDataUtil('CAT',data.categoryId)}</span>
														</c:if>
													</td>
													<td align="right"><fmt:formatNumber pattern="#,##0.00" value="${data.chequeAmount}" /></td>
													<td align="right"><fmt:formatNumber pattern="#,##0.00" value="${data.taxValue}" /></td>
													<td align="center">
														<input type="checkbox" ${data.isBorrow=='Y'?'checked':''} disabled="disabled"/>
													</td>
													<input type="hidden" name="transactionTimestamp" value="${data.transactionTimestamp}"/>
												</tr>
										</c:forEach>
									</c:if>
							</table>
						</fieldset>
					</td>
				</tr>
			</c:if>
			<c:if test="${expenseType == 'P'}">
				<input type="hidden" name="transactionTimestamp" value="${expenseOtherBean.transactionTimestamp}"/>
				<input type="hidden" name="budgetYear" value="${expenseOtherBean.budgetYear}"/>
				<input type="hidden" name="provinceId" id="provinceId" value="${provinceId}">
				<input type="hidden" name="expenseType" id="expenseType" value="${expenseType}"/>
				<tr>
					<td class="bold">ปีงบประมาณ : </td>
					<td>
						${expenseOtherBean.budgetYear}
					</td>
				</tr>
				<tr>
					<td class="bold">วันที่ทำรายการ : </td>
					<td>
						${el:dateTh(expenseOtherBean.createdDate)}
					</td>
				</tr>
				<tr>
					<td class="bold">วันที่จ่าย : </td>
					<td>
						${el:dateTh(expenseOtherBean.expenseDate)}
					</td>
				</tr>
				<tr>
					<td class="bold">เลขที่เอกสารอ้างอิง : </td>
					<td>
						${expenseOtherBean.refNo}
					</td>
				</tr>
				<tr>
					<td class="bold">กองทุนย่อยเฉพาะด้าน : </td>
					<td>
						${expenseOtherBean.allocateCode} - ${el:getDataUtil('ALL',expenseOtherBean.allocateCode)}
					</td>
				</tr>
				<tr>
					<td class="bold">จำนวนเงิน : </td>
					<fmt:formatNumber var="expenseAmount" pattern="#,##0.00" value="${expenseOtherBean.expenseAmount}"/>
					<td>
						${expenseAmount}
					</td>
				</tr>
				<tr>
					<td class="bold" valign="top">คำอธิบายรายการ : </td>
					<td>
						${expenseOtherBean.expenseDesc}
					</td>
				</tr>
			</c:if>
			<tr>
				<td colspan="2" align="center">
					<c:if test="${fn:contains(auth, 'U')}">
						<button type="button" name="btnRollBack" id="btnRollBack" class="acc67-button">ยกเลิกดำเนินการ</button>
					</c:if>
					<button type="button" name="btnBack" id="btnBack" class="acc67-button">ย้อนกลับ</button>
				</td>
			</tr>
		</table>
		</form>
	</body>
</html>